<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="common.post.bean.SInfo"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后街、后街交友、同城交友、交友-LF信息</title>
<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></script>
<script type="text/javascript" charset="utf-8"
	src="${pageContext.request.contextPath}/js_ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
	src="${pageContext.request.contextPath}/js_ueditor/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8"
	src="${pageContext.request.contextPath}/js_ueditor/lang/zh-cn/zh-cn.js"></script>
<script src="${pageContext.request.contextPath}/js_customer/sinfo/loufengDetail.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/customer/ucenter.css">
<meta name="keywords" content="后街、后街交友、同城交友、交友、交友平台">
<meta name="description"
	content="寻找志同道合的朋友；交友、聊天、游戏、泡吧，让您在忙碌的工作之余,找到志同道合的朋友,享受快乐人生.">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<script type="text/javascript">
	function showLink(){
		$(this).find('.ucenter-pic a').css('display', 'block');
	}
</script>
<style type="text/css">
	#sinfo_content_desc img{
		max-width:750px;
	}
</style>
</head>
<body>
	<!--头部 s-->
	<c:import url="../common/newHeader.jsp"></c:import>
	<!--头部 e-->
	
	<div class="w980 sinfo_test_center" style="height: 30px;">
		<a href="/" class="sinfo_homepage" title="首页"></a>
		<em>&nbsp;&nbsp;&gt;&nbsp;&nbsp;</em>
		<a href="/" title="上海">后街交友</a>
		<em>&nbsp;&nbsp;&gt;&nbsp;&nbsp;</em>
		<a href="${pageContext.request.contextPath}/sinfo/getAllLoufeng.aspx" title="上海">[社区美女]</a>
		<em>&nbsp;&nbsp;&gt;&nbsp;&nbsp;</em>
		<span>【<c:out value="${sinfo.title}"/>】</span>
	</div>
	<div class="w980 clearfix sinfo_test_center" style="height: 42px;padding-top: 8px;">
		<span>
			<c:choose>
				<c:when test="${'longfeng' eq sinfo.type}">
					<a href="${pageContext.request.contextPath}/sinfo/publishNewGirl.aspx" id="signup" class="signup">
						发布新妹子
					</a>
				</c:when>
				<c:otherwise>
					<a href="${pageContext.request.contextPath}/sinfo/publishSinfo.aspx" id="signup" class="signup">
						发布新信息
					</a>
				</c:otherwise>
			</c:choose>
			<%-- <a href="${pageContext.request.contextPath}/sinfo/publishNewGirl.aspx" id="signup" class="signup">
				发布新妹子
			</a> --%>
			<!-- <a style="margin-left: 10px;" href="javascript:void(0)" id="signup" class="signup">
				回复
			</a> -->
		</span>
		<form id="submitForm" action="${pageContext.request.contextPath}/sinfo/getSInfoById.aspx" method="post">
			<input type="hidden" id="query_sinfoId" name="sinfoId" value="${sinfo.id}"/>
			<input type="hidden" id="query_page" name="page" value="${page}"/>
			<input type="hidden" id="query_pageSize" name="pageSize" value="${pageSize==0?10:pageSize}">
		</form>
		<span class="sinfo_page" style="height: 26px;float: right;">
			<a href="${pageContext.request.contextPath}/sinfo/getAllLoufeng.aspx" class="left">返回列表</a>
			<c:if test="${page>1}">
				<a href="javascript:void(0)" onclick="changePageAndSubmit(${page-1})" class="left">上一页</a>
				<c:if test="${page>=4}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(1)">1</a>
					<a href="javascript:void(0)" >...</a>
				</c:if>
				<c:if test="${page==3}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(1)">1</a>
					<a href="javascript:void(0)" onclick="changePageAndSubmit(2)">2</a>
				</c:if>
				<c:if test="${page==2}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(1)">1</a>
				</c:if>
			</c:if>
			<a href="javascript:void(0)" onclick="changePageAndSubmit(${page})" class="current">${page}</a>
			<c:if test="${page<totalPage}">
				<c:if test="${totalPage-page>=3}">
					<a href="javascript:void(0)" >...</a>
					<a href="javascript:void(0)" onclick="changePageAndSubmit(${totalPage})">${totalPage}</a>
				</c:if>
				<c:if test="${totalPage-page==2}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(${totalPage-1})">${totalPage-1}</a>
					<a href="javascript:void(0)" onclick="changePageAndSubmit(${totalPage})">${totalPage}</a>
				</c:if>
				<c:if test="${totalPage-page==1}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(${totalPage})">${totalPage}</a>
				</c:if>
			</c:if>
			<span><input type="text" width="20px" height="16px" id="gotoPage1" size="1"/>&nbsp;/&nbsp;共${totalPage}页</span>
			<c:if test="${page<totalPage}">
				<a href="javascript:void(0)" onclick="changePageAndSubmit(${page+1})" class="right">下一页</a>
			</c:if>
		</span>
	</div>
	<!-- 详细信息和回复 -->
	<div class="w980 clearfix sinfo_border_color999" style="border:1px solid #F8BFB3;">
		<div>
			<table style="width: 100%;">
				<tr>
					<td style="width: 200px;height:38px;
							text-align:center;
							background-color: #FDF0EC;
							border-right: 1px solid #F7DBCC;
							vertical-align: middle;color: #999999;">
							<span >查看:</span>
							<span style="color: #DC442F;">8558</span>
							<span style="color: #CCCCCC;">|</span>
							<span >回复:</span>
							<span style="color: #DC442F;">42</span>
					</td>
					<td style="padding: 5px 10px 5px 10px;">
							   <a style="color: #db0000;font-weight: 700;
							   font-size: 16px;" href="javascript:void(0)">${sinfo.title}</a>
							   <a style="font-size: 12px;color: #999999;" href="javascript:void(0)">[复制链接]</a>
					</td>
				</tr>
			</table>
		</div>
		<div>
			<table style="width: 100%;">
				<tr>
					<td style="width: 200px;height:4px;
							background-color: #F7DBCC;
							border-right: 1px solid #F7DBCC;">
					</td>
					<td style="background-color: #FDF0EC;"></td>
				</tr>
			</table>
		</div>
		<!-- 帖子本身 -->
		<div>
			<table style="width: 100%;">
				<tr>
					<td style="width: 200px;text-align:left;
							background-color: #FDF0EC;
							border-right: 1px solid #F7DBCC;
							;color: #999999;vertical-align: top;">
							<div style="text-align: center;height: 30px;vertical-align: middle;border-bottom: 1px dashed #F8BFB3;margin-top: 6px;">
								发帖人：${sinfo.publisher.userName}
							</div>
							<div style="text-align: center;margin-top: 5px;"><img alt="头像" src="${pageContext.request.contextPath}/img/base/men.gif"></div>
							<div style="text-align: center;">
								毕业学员
							</div>
							<div style="text-align: center;">积分：95444</div>
							<div style="text-align: center;">金币：5000</div>
							<div style="text-align: center;">注册时间：2013-8-21</div>
							<div style="text-align: center;">最后登录：2013-10-21</div>
					</td>
					<td style="padding: 6px 10px 6px 10px;">
						<div>
							<div style="height: 30px;border-bottom: 1px dashed #F8BFB3;">
								<img alt="用户图标" src="${pageContext.request.contextPath}/img/common/online_member.gif">
								发表于:<c:out value="${sinfo.publishDate}"/>
								
								<span>
									<a style="" href="#submit_reply" class="sinfo_huifu">
										评论
									</a>
									&nbsp;
								<a href="javascript:void(0)" class="sinfo_shoucang" 
									onclick="shoucang('sinfo/getSInfoById.aspx?sinfoId=${sinfo.id}','${sinfo.title}',${sessionScope.user ne null},${sinfo.id},'sinfo')">收藏</a>
								</span>
								<span style="float:right;">
									消息不实，我要
									<a style="color: #666666;" href="javascript:void(0)"><b>举报</b></a>
									;我体验过，我要
									<a style="color: #666666;" href="${pageContext.request.contextPath}/sinfo/validationPostIndex.aspx?sinfoId=${sinfo.id}"><b>发验证贴</b></a>
								</span>
							</div>
							<div>
							<table>
								<tr>
									<td style="width: 100px;">
										<span style="font-size: 18px;"><b>信息类型：</b></span>
									</td>
									<td>
										<c:choose>
											<c:when test="${'longfeng' eq sinfo.type}">
												<span style="font-size: 16px;color: red;">社区美女</span>
											</c:when>
											<c:otherwise>
												<c:out value="${sinfo.type}"/>
											</c:otherwise>
										</c:choose>
									</td>
								</tr>
								<tr>
									<td>
										<span style="font-size: 18px;"><b>妹妹昵称：</b></span>
									</td>
									<td>
										<c:out value="${sinfo.title}"/>
									</td>
								</tr>
								<tr>
									<td>
										<span style="font-size: 18px;"><b>所在城区:</b></span>
									</td>
									<td>
										<c:out value="${sinfo.area.name}"/>
									</td>
								</tr>
								<c:choose>
								<c:when test="${sinfo.contacts!=null && sinfo.contacts.size()>0}">
								  <c:forEach items="${sinfo.contacts}" var="contact">
								  	<c:choose>
									  	<c:when test="${'qq' eq contact.typeName}">
									  	<tr>
										<td>
											<span style="font-size: 18px;"><b>联系QQ:</b></span>
										</td>
										<td>
									  		<c:out value="${contact.content}"></c:out>
									  			<c:choose>
									  				<c:when test="${null!=contact.desc && '' eq contact.desc}">
									  					,
									  				</c:when>
									  			</c:choose>
									  		<c:out value="${contact.desc}"></c:out>;
									  	</td>
									  	</tr>
									  	</c:when>
									  	<c:when test="${'邮箱' eq contact.typeName}">
									  	<tr>
										<td>
											<span style="font-size: 18px;"><b>联系邮箱:</b></span>
										</td>
										<td>
									  		<c:out value="${contact.content}"></c:out>
									  		<c:choose>
								  				<c:when test="${null!=contact.desc && '' eq contact.desc}">
								  					,
								  				</c:when>
								  			</c:choose>
									  		<c:out value="${contact.desc}"></c:out>;<br/>
									  	</td>
									  	</tr>
									  	</c:when>
									  	<c:when test="${'电话' eq contact.typeName}">
									  	<tr>
										<td>
											<span style="font-size: 18px;"><b>联系电话:</b></span>
										</td>
										<td>
									  		<c:out value="${contact.content}"></c:out>
									  		<c:choose>
								  				<c:when test="${null!=contact.desc && '' eq contact.desc}">
								  					,
								  				</c:when>
								  			</c:choose>
									  		<c:out value="${contact.desc}"></c:out>;<br/>
									  	</td>
									  	</tr>
									  	</c:when>
									  	<c:otherwise>
									  	<tr>
										<td>
											<span style="font-size: 18px;"><b>其他方式:</b></span>
										</td>
										<td>
									  		<c:out value="${contact.content}"></c:out>
									  		<c:choose>
								  				<c:when test="${null!=contact.desc && '' ne contact.desc}">
								  					,
								  				</c:when>
								  			</c:choose>
								  			<span>
									  			<c:out value="${contact.desc}"></c:out>;<br/>
									  		</span>
									  	</td>
									  	</tr>
									  	</c:otherwise>
								  	</c:choose>
								  </c:forEach>
								</c:when>
								</c:choose>
							</table>
							</div>
							<span style="font-size: 18px;"><b>描述信息：</b></span>
							<br/>
							<span id="sinfo_content_desc">
								${sinfo.content}
							</span>
						</div>
						<div style="border-top: 1px dashed #F8BFB3;vertical-align: middle;height: 30px;line-height: 30px;">
							<span>
								<a style="" href="javascript:void(0)" class="sinfo_huifu">
									评论
								</a>
								&nbsp;&nbsp;
								<a href="javascript:void(0)" class="sinfo_shoucang"	onclick="shoucang('sinfo/getSInfoById.aspx?sinfoId=${sinfo.id}','${sinfo.title}',${sessionScope.user ne null},${sinfo.id},'sinfo')">
									收藏
								</a>
							</span>
							<span style="float:right;">
								消息不实，我要
								<a style="color: #666666;" href="javascript:void(0)"><b>举报本贴</b></a>
								;我体验过，我要
								<a style="color: #666666;" href="${pageContext.request.contextPath}/sinfo/validationPostIndex.aspx?sinfoId=${sinfo.id}"><b>发验证贴</b></a>
							</span>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<!-- 这个是分割线 -->
		<div>
			<table style="width: 100%;">
				<tr>
					<td style="width: 200px;height:4px;
							background-color: #F7DBCC;
							border-right: 1px solid #F7DBCC;">
					</td>
					<td style="background-color: #FDF0EC;"></td>
				</tr>
			</table>
		</div>
		<!-- 评论 -->
		<%
			int currentPageIndex=0; 
			int total=(Integer)request.getAttribute("total");
			int pageSize=(Integer)request.getAttribute("pageSize");
			int currpage=(Integer)request.getAttribute("page");
		%>
		<c:forEach items="${sinfoComments}" var="sinfoComment">
		<div>
			<table style="width: 100%;">
				<tr>
					<td style="width: 200px;text-align:left;
							background-color: #FDF0EC;
							border-right: 1px solid #F7DBCC;
							;color: #999999;vertical-align: top;">
							<div style="text-align: center;height: 30px;vertical-align: middle;border-bottom: 1px dashed #F8BFB3;margin-top: 6px;">
								回复人：${sinfoComment.customer.userName}
							</div>
					</td>
					<td style="padding: 6px 10px 6px 10px;">
						<div style="height: 30px;border-bottom: 1px dashed #F8BFB3;">
								<img alt="用户图标" src="${pageContext.request.contextPath}/img/common/online_member.gif">
								发表于&nbsp;
								<fmt:formatDate value="${sinfoComment.publishTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
								<%-- <c:out value="${sinfoComment.publishTime}"/> --%>
								<span style="float:right;">
									<%=total-pageSize*(currpage-1)-currentPageIndex%>楼
									<%currentPageIndex++;%>
								</span>
							</div>
					</td>
				</tr>
				<tr>
					<td style="width: 200px;text-align:left;
							background-color: #FDF0EC;
							border-right: 1px solid #F7DBCC;
							;color: #999999;vertical-align: top;">
							<div style="text-align: center;margin-top: 5px;"><img alt="头像" src="${pageContext.request.contextPath}/img/base/men.gif"></div>
							<div style="text-align: center;">
								毕业学员
							</div>
							<div style="text-align: center;">积分：95444</div>
							<div style="text-align: center;">金币：5000</div>
							<div style="text-align: center;">注册时间：2013-8-21</div>
							<div style="text-align: center;">最后登录：2013-10-21</div>
					</td>
					<td style="padding: 6px 10px 6px 10px;">
						<div style="min-height:219px;height:auto !important;height:219px;">
							<div style="height: 100%;">
										<div style="font-size: 14px;" class="sinfo_comment_content_" id="sinfo_comment_content_<%=total-pageSize*(currpage-1)-currentPageIndex+1%>">${sinfoComment.content}</div>
										<c:if test="${sinfoComment.sinfoComments ne null and sinfoComment.sinfoComments.size()>0}">
										<div style="background-color: #FFF4DD;width: 30%;margin-top: 15px;"><b>点评</b></div>
										<div style="padding: 20px;">
												<c:forEach items="${sinfoComment.sinfoComments}" var="sc">
													<c:if test="${sc ne null}">
													<span style="font-size: 12px;">${sc.content}</span>
													<span style="font-size: 12px;">
														&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
														&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
														----<fmt:formatDate value="${sc.publishTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
														&nbsp;&nbsp;by&nbsp;&nbsp;<span style="color: red;">${sc.customer.userName}</span>
													</span>
													</c:if>
												</c:forEach>
										</div>
								</c:if>
							</div>
						</div>
						<div style="border-top: 1px dashed #F8BFB3;vertical-align: middle;height: 30px;line-height: 30px;">
							<span>
								<a style="" href="javascript:void(0)" class="sinfo_dianping">
									点评
								</a>
								&nbsp;&nbsp;
								<a style="" href="javascript:void(0)" onclick='openReplyCommentDialog(${sinfoComment.id},<%=total-pageSize*(currpage-1)-currentPageIndex+1%>,${sessionScope.user ne null})' class="sinfo_huifu">
									回复
								</a>
							</span>
							<span style="float:right;">
								举报
							</span>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<!-- 分割线 -->
		<div>
			<table style="width: 100%;">
				<tr>
					<td style="width: 200px;height:4px;	background-color: #F7DBCC;border-right: 1px solid #F7DBCC;"></td>
					<td style="background-color: #FDF0EC;"></td>
				</tr>
			</table>
		</div>
		</c:forEach>
		<div class="w980 clearfix sinfo_test_center" style="height: 42px;padding-top: 8px;">
		<span>
			<c:choose>
				<c:when test="${'longfeng' eq sinfo.type}">
					<a href="${pageContext.request.contextPath}/sinfo/publishNewGirl.aspx" id="signup" class="signup">
						发布新妹子
					</a>
				</c:when>
				<c:otherwise>
					<a href="${pageContext.request.contextPath}/sinfo/publishSinfo.aspx" id="signup" class="signup">
						发布新信息
					</a>
				</c:otherwise>
			</c:choose>
			<!-- <a style="margin-left: 10px;" href="javascript:void(0)" id="signup" class="signup">
				回复
			</a> -->
		</span>
		<span class="sinfo_page" style="height:26px;float: right;">
			<a href="${pageContext.request.contextPath}/sinfo/getAllLoufeng.aspx" class="left">返回列表</a>
			<c:if test="${page>1}">
				<a href="javascript:void(0)" onclick="changePageAndSubmit(${page-1})" class="left">上一页</a>
				<c:if test="${page>=4}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(1)">1</a>
					<a href="javascript:void(0)" >...</a>
				</c:if>
				<c:if test="${page==3}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(1)">1</a>
					<a href="javascript:void(0)" onclick="changePageAndSubmit(2)">2</a>
				</c:if>
				<c:if test="${page==2}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(1)">1</a>
				</c:if>
			</c:if>
			<a href="javascript:void(0)" onclick="changePageAndSubmit(${page})" class="current">${page}</a>
			<c:if test="${page<totalPage}">
				<c:if test="${totalPage-page>=3}">
					<a href="javascript:void(0)" >...</a>
					<a href="javascript:void(0)" onclick="changePageAndSubmit(${totalPage})">${totalPage}</a>
				</c:if>
				<c:if test="${totalPage-page==2}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(${totalPage-1})">${totalPage-1}</a>
					<a href="javascript:void(0)" onclick="changePageAndSubmit(${totalPage})">${totalPage}</a>
				</c:if>
				<c:if test="${totalPage-page==1}">
					<a href="javascript:void(0)" onclick="changePageAndSubmit(${totalPage})">${totalPage}</a>
				</c:if>
			</c:if>
			<span><input type="text" width="20px" height="16px" id="gotoPage1" size="1"/>&nbsp;/&nbsp;共${totalPage}页</span>
			<c:if test="${page<totalPage}">
				<a href="javascript:void(0)" onclick="changePageAndSubmit(${page+1})" class="right">下一页</a>
			</c:if>
		</span>
		</div>
		<!-- 回复专区 -->
		<div>
			<table style="width:100%;">
				<tr>
					<td style="width: 200px;height:4px;	background-color: #F7DBCC;border-right: 1px solid #F7DBCC;"></td>
					<td style="background-color: #FDF0EC;"></td>
				</tr>
			</table>
		</div>
		<div>
			<table style="width: 100%;">
				<tr>
					<td style="width: 200px;text-align:left;background-color: #FDF0EC;border-right: 1px solid #F7DBCC;color: #999999;vertical-align: top;">
							<div style="text-align: center;margin-top: 5px;"><img alt="头像" src="${pageContext.request.contextPath}/img/base/men.gif"></div>
							<div style="text-align: center;">
								毕业学员
							</div>
					</td>
					<td style="padding: 6px 10px 6px 10px;">
						<div style="">
							<form action="${pageContext.request.contextPath}/sinfo/reply.aspx" id="replyForm" method="post">
								<script id="editorReply" type="text/plain" name="replyContent" style="height: 130px;width: 750px;z-index: 10;">
								
								</script>
								<input type="hidden" name="sinfoId" id="replySinfoId" value="${sinfo.id}">
								<input type="hidden" id="replyPage" name="page" value="${page}"/>
							</form>
						</div>
						<div>
							<a name="submit_reply" id="submit_reply"></a>
							<input type="button" value="提交" onclick="submitReply(${page},${sessionScope.user ne null});"/>
						</div>
					</td>
				</tr>
			</table>
		</div>
	</div>
	
	<div id="reply_comment_dialog" title="参与/回复主题" style="z-index: 999;">
		<form action="${pageContext.request.contextPath}/sinfo/replySinfoComment.aspx" method="post" id="reply_comment_action">
			<fieldset>
			<table>
				<tr>
					<td colspan="2" id="repcontentdesc">
						
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="hidden" name="commentId" id="reply_commentId">
						<input type="hidden" name="sinfoId" value="${sinfo.id}">
						<script id="commentReply" type="text/plain" name="replyContent" style="height: 150px;width: 570px;">
								
						</script>
					</td>
				</tr>
			</table>
			</fieldset>
		</form>
	</div>
	
	<div class="w980 clearfix sinfo_border_color999">
		<!-- <div style="padding: 10px 15px;">
			
		</div> -->
	</div>
	<!--footer s-->
	<c:import url="../common/newFooter.jsp"></c:import>
	<!--footer e-->

</body>
</html>